.history-content {
  width: 100%;
  padding: 24rpx;
  box-sizing: border-box;

  .history-item {
    width: 700rpx;
    height: 156rpx;
    padding-bottom: 10rpx;
    border-bottom: 2rpx solid var(--text-gray2);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;

    .book-title {
      font-size: 36rpx;
      color: #222;
    }

    .haha {
      display: flex;
      justify-content: space-between;
    }

    .book-author,
    .read-time {
      font-size: 32rpx;
      color: var(--text-gray);
    }

  }


}

.clearRight {
  height: 40rpx;
  display: flex;
  justify-content: flex-end;
  margin: 15rpx 40rpx;
  margin-bottom: 5rpx;
  box-sizing: border-box;
}

.not-read {
  margin-top: 200rpx;
  text-align: center;
}